<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="lijun; 67086071; zwlijun@qq.com" />
<title>RIA Client API - BY 小网</title>
<link href="css/api.css" type="text/css" rel="stylesheet" />
</head>

<body>
  <ins>此文档描述UIComponent对象的相关方法及属性</ins>
  <div class="nav">
    <a href="#UIComponent">UIComponent()</a>
    <a href="#config">config</a>
    <a href="#dialog_p">dialog</a>
    <a href="#dialog">dialog()</a>
    <a href="#dialog_show">dialog_show()</a>
    <a href="#dialog_close">dialog_close()</a>
  </div>
  <table width="600" cellspacing="1" cellpadding="1" border="0">
    <tbody>
      <tr>
        <th colspan="2">UIComponent构造方法<a name="UIComponent"></a></th>
      </tr>
      <tr>
        <td class="label">作&nbsp;&nbsp;&nbsp;用</td>
        <td>UI组件构造方法</td>
      </tr>
      <tr>
        <td class="label">基本语法</td>
        <td>var ui = new UIComponent();</td>
      </tr>
      <tr>
        <td class="label">说&nbsp;&nbsp;&nbsp;明</td>
        <td>UI组件构造方法</td>
      </tr>
      <tr>
        <td class="label">示&nbsp;&nbsp;&nbsp;例</td>
        <td>
<pre>
var ui = new UIComponent();
</pre>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="600" cellspacing="1" cellpadding="1" border="0">
    <tbody>
      <tr>
        <th colspan="2">config属性<a name="config"></a></th>
      </tr>
      <tr>
        <td class="label">作&nbsp;&nbsp;&nbsp;用</td>
        <td>UI属性配置对象</td>
      </tr>
      <tr>
        <td class="label">基本语法</td>
        <td>var config = ui.config;</td>
      </tr>
      <tr>
        <td class="label">说&nbsp;&nbsp;&nbsp;明</td>
        <td>UI属性配置对象</td>
      </tr>
      <tr>
        <td class="label">示&nbsp;&nbsp;&nbsp;例</td>
        <td>
<pre>
var config = ui.config;
</pre>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="600" cellspacing="1" cellpadding="1" border="0">
    <tbody>
      <tr>
        <th colspan="2">dialog属性<a name="dialog_p"></a></th>
      </tr>
      <tr>
        <td class="label">作&nbsp;&nbsp;&nbsp;用</td>
        <td>对话框属性</td>
      </tr>
      <tr>
        <td class="label">基本语法</td>
        <td>var dialog = ui.config.dialog;</td>
      </tr>
      <tr>
        <td class="label">说&nbsp;&nbsp;&nbsp;明</td>
        <td>
<pre>
dialog : {
    bgcolor : { //背景色
        title : "#25b7e8", //标题栏
        body : "#f6fbfe",  //内容区
        button : "#b3d4f0" //按钮区
    },
    border_color : {  //边框色
        outer : "#005195", //外边框
        inner : "#9ef9ff", //内边框
        context : "#0fa0db", //内容区顶部边框
        button : "#c2dcf1" //按钮区顶部边框
    },
    id : "Dialog", //对话框ID
    is_drag : true, //是否可以拖动
    width : 400,  //对话框宽度
    height : "auto", //对话框高度
    title : "",  //标题
    context : "", //内容
    op_buttons : [  //标题栏的操作按钮
        {op:"CLOSE", handler:null, args:[]}
    ],
    func_buttons : [ //功能按钮
        {label:"确定", handler:null, args:[], enabled:true},
        {label:"取消", handler:null, args:[], enabled:true}
    ]
}
</pre>
        </td>
      </tr>
      <tr>
        <td class="label">示&nbsp;&nbsp;&nbsp;例</td>
        <td>
<pre>
var dialog = ui.config.dialog;
</pre>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="600" cellspacing="1" cellpadding="1" border="0">
    <tbody>
      <tr>
        <th colspan="2">dialog方法<a name="dialog"></a></th>
      </tr>
      <tr>
        <td class="label">作&nbsp;&nbsp;&nbsp;用</td>
        <td>建立对话框</td>
      </tr>
      <tr>
        <td class="label">基本语法</td>
        <td>ui.dialog(param)</td>
      </tr>
      <tr>
        <td class="label">说&nbsp;&nbsp;&nbsp;明</td>
        <td>建立对话框，param为dialog属性</td>
      </tr>
      <tr>
        <td class="label">示&nbsp;&nbsp;&nbsp;例</td>
        <td>
<pre>
ui.dialog({
  title : "RIAClinet - 网页对话框",
  width : 400,
  height: 280,
  op_buttons : [
      {op:"CLOSE", handler:null, args:[]}
  ],
  func_buttons : [
      {label:"确定", handler:null, args:[], enabled:true},
      {label:"取消", handler:null, args:[], enabled:true},
      {label:"应用", handler:null, args:[], enabled:false}
  ],
  context : txt
});
</pre>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="600" cellspacing="1" cellpadding="1" border="0">
    <tbody>
      <tr>
        <th colspan="2">dialog_show方法<a name="dialog_show"></a></th>
      </tr>
      <tr>
        <td class="label">作&nbsp;&nbsp;&nbsp;用</td>
        <td>显示对话框</td>
      </tr>
      <tr>
        <td class="label">基本语法</td>
        <td>ui.dialog_show()</td>
      </tr>
      <tr>
        <td class="label">说&nbsp;&nbsp;&nbsp;明</td>
        <td>显示对话框</td>
      </tr>
      <tr>
        <td class="label">示&nbsp;&nbsp;&nbsp;例</td>
        <td>
<pre>
ui.dialog_show();
</pre>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="600" cellspacing="1" cellpadding="1" border="0">
    <tbody>
      <tr>
        <th colspan="2">dialog_close方法<a name="dialog_close"></a></th>
      </tr>
      <tr>
        <td class="label">作&nbsp;&nbsp;&nbsp;用</td>
        <td>关闭对话框</td>
      </tr>
      <tr>
        <td class="label">基本语法</td>
        <td>ui.dialog_close()</td>
      </tr>
      <tr>
        <td class="label">说&nbsp;&nbsp;&nbsp;明</td>
        <td>关闭对话框</td>
      </tr>
      <tr>
        <td class="label">示&nbsp;&nbsp;&nbsp;例</td>
        <td>
<pre>
ui.dialog_close();
</pre>
        </td>
      </tr>
    </tbody>
  </table>
</body>
</html>